<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;"/>
		<meta name="apple-mobile-web-app-capable" content="YES">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>Socket.IO Chat Example</title>
		<link rel="stylesheet" href="style.css">
	</head>
	<body>
		<ul class="pages">
			<li class="chat page">
				<div class="chatArea">
					<ul class="messages">
					</ul>
				</div>
				<input class="inputMessage" placeholder="Type here..." />
			</li>
			<li class="login page">
				<div class="form">
					<h3 class="title">
						What's your nickname?
					</h3>
					<input class="usernameInput" type="text" maxlength="14" />
				</div>
			</li>
		</ul>
		<script src="https://code.jquery.com/jquery-1.10.2.min.js">
		</script>
		<script src="main.js">
		</script>
	</body>

</html>